<!--
 * @Author: your name
 * @Date: 2021-03-22 08:59:46
 * @LastEditTime: 2021-03-24 15:14:30
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \src\html\payCar.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/iconfont.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/payCar.css">
    <link rel="stylesheet" href="../css/footer.css">
</head>
<body>
    <!-- 顶部 -->
    <div id="top">
    </div>
    <!-- 搜索 -->
    <div id="search">
        <div class="container">
            <div class="logo fl"></div>
            <div class="sea fl">
                <input type="search" placeholder="请输入道具进行搜索" class="fl">
                <button class="fl">
                    <i class="iconfont icon-41"></i>
                </button>
            </div>
            <div class="lol fr"></div>
        </div>
    </div>
    <!-- 菜单 -->
    <div id="menu">
        <div class="container">
            <ul class="fl">
                <li>
                    <a href="##">首页</a>
                </li>
                <li>
                    <a href="##">商品列表</a>
                </li>
                <li>
                    <a href="##">活动专区</a>
                </li>
                <li>
                    <a href="##">限时折扣</a>
                </li>
                <li>
                    <a href="##">聚豆乐园</a>
                </li>
                <li>
                    <a href="##">周边商城</a>
                </li>
                <li>
                    <a href="##">个人中心</a>
                </li>
            </ul>
            <!-- 购物车 -->
            <div class="shopcar fl">
                <a href="##" class="fl">
                    <i class="iconfont icon-gouwuche"></i>
                    购物车
                </a>
                <span class="fl shopCarData"></span>
            </div>
        </div>
    </div>
    <!-- 选项卡 -->
    <div id="nav">
        <div class="container">
            <ul>
                <li>
                    <a href="##">全部分类</a>
                </li>
                <li>
                    <a href="list.html">英雄</a>
                </li>
                <li>
                    <a href="##">表情</a>
                </li>
                <li>
                    <a href="##">海克斯及其他</a>
                </li>
                <li>
                    <a href="##">云顶之弈</a>
                </li>
                <li>
                    <a href="##">皮肤</a>
                </li>
                <li>
                    <a href="##">道具</a>
                </li>
                <li>
                    <a href="##">守卫眼皮肤</a>
                </li>
                <li>
                    <a href="##">道具包</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 内容 -->
    <div id="content">
        <div class="container">
            <p>
                <span>您现在的位置：</span>
                <span>> 购物车</span>
            </p>
            <div>
                <h5>商品信息</h5>
                <ul>
                    <li>
                        <span><input type="checkbox" class="check_all">全选</span>
                        <span>商品名称</span>
                        <span>类型</span>
                        <span>单价</span>
                        <span>期限</span>
                        <span>数量</span>
                        <span>优惠</span>
                        <span>小计</span>
                        <span>操作</span>
                    </li>
                    <ul class="list_data">

                    </ul>
                    
                </ul>
                <div>
                    <p class="fl">
                        <span>总价：<em class="total">0</em> Q币</span>
                        <span>总计：<em class="num">0</em> 件</span>
                    </p>
                    <p class="fr">
                        <a href="##">提交订单</a>
                    </p>
                </div>
            </div>
        </div>
    </div>





    <!-- 底部 -->
    <div id="footer">
    </div>

    <script type="text/html" id="abc">
        {{each data item}}
            <li listId="{{item.id}}">
                <span class="fin"><input type="checkbox">&emsp;</span>
                <span class="list_name">{{item.name}}</span>
                <span>皮肤</span>
                <span class="list_price">{{item.price}}&nbsp;Q币</span>
                <span>礼包</span>
                <span>
                    <em class="dele">-</em>
                    <input type="text" value="1">
                    <em class="add">+</em>
                </span>
                <span class="aaa">无优惠</span>
                <span class="s_total"></span>
                <span>
                    <a href="##" class="gz">关注</a>
                    <a href="##" class="del">删除</a>
                </span>
            </li>
        {{/each}}
    </script>

    <script src="../lib/require/require.js" data-main="../js/payCar"></script>
    
</body>
</html>